<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Document</title>
        <link rel="stylesheet" href="./css/class.css" />
        <script src="./js/jquery.min.js"></script>
        <script src="./js/template-web.js"></script>
        <script src="./js/class.js"></script>
    </head>

    <body>
        <!-- 头部导航 -->
        <div class="nav w">
            <div class="nav_list w">
                <div class="logo">
                    <img src="./images/logo.png" />
                </div>
                <div class="list">
                    <div class="tuijian"><a href="./index.html">推荐</a></div>
                    <div class="paihang">排行</div>
                    <div class="fenlei"><a href="./class.html">分类</a></div>
                </div>
                <div class="download">下载哔哩哔哩漫画</div>
            </div>
        </div>
        <!-- 选项卡 -->
        <div class="xuan">
            <ul>
                <li><a href="javascript:;" class="su">全部</a></li>
                <li><a href="javascript:;">热血</a></li>
                <li><a href="javascript:;">古风</a></li>
                <li><a href="javascript:;">玄幻</a></li>
                <li><a href="javascript:;">奇幻</a></li>
                <li><a href="javascript:;">悬疑</a></li>
                <li><a href="javascript:;">都市</a></li>
                <li><a href="javascript:;">历史</a></li>
                <li><a href="javascript:;">武侠仙侠</a></li>
                <li><a href="javascript:;">游戏竞技</a></li>
                <li><a href="javascript:;">悬疑灵异</a></li>
                <li><a href="javascript:;">架空</a></li>
                <li><a href="javascript:;">青春</a></li>
                <li><a href="javascript:;">西幻</a></li>
                <li><a href="javascript:;">现代</a></li>
                <li><a href="javascript:;">正能量</a></li>
                <li><a href="javascript:;">科幻</a></li>
            </ul>
            <div class="shu_l">
                <div class="shai wo">
                    <ul id="shai_one">
                        <li><a href="javascript:;" class="su" id="one">全部</a></li>
                        <li><a href="javascript:;">大陆</a></li>
                        <li><a href="javascript:;">日本</a></li>
                        <li><a href="javascript:;">韩国</a></li>
                        <li><a href="javascript:;">其他</a></li>
                    </ul>
                    <ul id="shai_two">
                        <li><a href="javascript:;" class="su">全部</a></li>
                        <li><a href="javascript:;">连载</a></li>

                        <li><a href="javascript:;">完结</a></li>
                    </ul>
                    <ul id="shai_three">
                        <li><a href="javascript:;" class="su">全部</a></li>
                        <li><a href="javascript:;">免费</a></li>
                        <li><a href="javascript:;">付费</a></li>
                        <li><a href="javascript:;">等就免费</a></li>
                    </ul>
                    <ul>
                        <li><a href="javascript:;" class="su">人气推荐</a></li>
                        <li><a href="javascript:;">更新时间</a></li>
                        <li><a href="javascript:;">追漫人数</a></li>
                        <li><a href="javascript:;">上架时间</a></li>
                        <li class="sh"><a href="javascript:;" id="sh">筛选</a></li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="nei w"></div>

        <!-- 底部固定栏 -->
        <div class="foot">
            <div class="fl w">
                <ul>
                    <li class="one">
                        <a href="javascript:;" id="cuy"><img src="./images/x.svg" /></a>
                    </li>
                    <li>
                        <a href="javascript:;" class="two"><img src="./images/logo.png" /></a>
                    </li>
                    <li>
                        <a href="javascript:;" class="three">更多精彩内容<br />尽在哔哩哔哩漫画</a>
                    </li>
                </ul>
                <button>App 内打开</button>
            </div>
        </div>

        <script type="text/html" id="tel">
            {{each newData}}
            <div class="tu">
                <a href="#">
                    <img src="{{$value.src}}" alt="" />
                </a>
                <p>{{$value.text}}</p>
                <p>{{$value.tex}}</p>
            </div>
            {{/each}}
        </script>
        <script>
            $(function () {
                $('#one').click()
            })
        </script>
    </body>
</html>
